<template>
  <div class="test">
    test2: {{ count }}
    <hr />
    <Son
      @increment="increment"
      @btnClick="btnClick"
      @decrement="decrement"
      v-bind="eventObj"
    ></Son>
  </div>
</template>

<script setup>
import { ref } from "vue";
import Son from "./Son.vue";

const count = ref(0);
const increment = () => count.value++;
const decrement = () => count.value--;
const addClick = () => console.log("addClick");
const eventObj = {
  addClick,
};
const btnClick = () => console.log("btnClick");
</script>

<style scoped lang="less"></style>
